<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有序列表</title>
</head>
<body>
    <ol>
        <li>步骤1</li>
        <li>步骤2</li>
        <li>步骤3</li>
    </ol>
</body>
</html>
<!--
    作用:布局排列整齐的需要规定顺序的区域。
    标签:ol嵌套 li，ol是有序列表，[i是列表条目。
    注意事项 
        ol标签里面只能包裹 li 标签
        li标签里面可以包裹任何内容
-->